body {
  background-color: #f4f4f4;
  overflow-y: scroll;
}
body .header {
  background-color: #f5445d;
}
body .header .top {
  height: .88rem;
  line-height: .88rem;
}
body .header .top a {
  display: inline-block;
  height: 100%;
}
body .header .top a img {
  height: .26rem;
}
body .header .top span {
  font-size: .30rem;
  color: #fff;
  margin-left: 2.8rem;
}
body .bodys {
  background-color: #f4f4f4;
}
body .bodys .top {
  padding: .16rem 0;
  background-color: #fff;
  margin-bottom: .2rem;
  display: flex;
  height: .92rem;
}
body .bodys .top li {
  flex: 1;
  text-align: center;
}
body .bodys .top li a {
  display: inline-block;
  height: .76rem;
  line-height: .76rem;
  color: #505050;
  font-size: .28rem;
}
body .bodys .top li .active {
  color: #f5445d;
  font-size: .28rem;
  border-bottom: .03rem solid #f5445d;
}
body .bodys .top li:nth-of-type(1) {
  border-right: .03rem solid #eee;
}
body .bodys .dianpu .bottom li,
body .bodys .sc-goods .bottom li {
  background-color: #fff;
  height: 2.4rem;
  margin-bottom: .1rem;
  overflow: hidden;
  padding-left: .26rem;
}
body .bodys .dianpu .bottom li a,
body .bodys .sc-goods .bottom li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
body .bodys .dianpu .bottom li a .l-img,
body .bodys .sc-goods .bottom li a .l-img {
  display: inline-block;
  height: .1.6rem;
  width: 1.6rem;
  margin: .3rem .46rem 0 0;
}
body .bodys .dianpu .bottom li a .actile,
body .bodys .sc-goods .bottom li a .actile {
  color: #282828;
  font-size: .28rem;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: .24rem .2rem 0 1.9rem;
}
body .bodys .dianpu .bottom li a .actile img,
body .bodys .sc-goods .bottom li a .actile img {
  width: .4rem;
  margin-top: 1.4rem;
}
body .bodys .sc-goods span {
  display: inline-block;
  margin-top: 1.2rem;
  color: #f5445d;
}
body .tan {
  opacity: 1.0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
body .tan .mask {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: #AAAAAA;
  opacity: 0.60;
}
body .tan .tt-bottom {
  width: 6rem;
  position: absolute;
  bottom: 0;
  left: 10%;
  text-align: center;
}
body .tan .tt-bottom a {
  display: block;
  width: 6rem;
  height: .9rem;
  color: #282828;
  font-size: .28rem;
  line-height: .9rem;
  border: .01rem solid #f4f4f4;
  border-radius: .5rem;
  background-color: #fff;
  margin-bottom: .2rem;
}
body .tan .tt-bottom a:nth-of-tupe(2) {
  margin-bottom: .6rem;
}
